import React from 'react'
// import TodoFooter from './components/TodoFooter'

import TodoHeader from './components/TodoHeader'
import TodoMain from './components/TodoMain'
import TodoFooter from "./components/TodoFooter"


export default function App() {
  return (
    <div>
         <section className="todoapp">
          <TodoHeader/>
          <TodoMain/>
          <TodoFooter/>



        </section>
        <footer className="info">
          <p>Double-click to edit a todo</p>
          <p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
          <p>Created by <a href="http://todomvc.com">you</a></p>
          <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
        </footer>
 
    </div>
  )
}
